// @import '~antd/es/style/themes/default.less';

.container {
  display          : flex;
  flex-direction   : column;
  height           : 100vh;
  overflow         : auto;
  // position         : relative;
  // background    : @layout-body-background;
}

.lang {
  width      : 100%;
  height     : 40px;
  line-height: 44px;
  text-align : right;

  :global(.ant-dropdown-trigger) {
    margin-right: 24px;
  }
}

.contentw {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  justify-content: space-between;
}

.content {
  width        : 500px;
  // margin: 0 auto;
  // margin-top: 165px;
  padding      : 50px 0 0;
  background   : #fff;
  position     : relative;
  border-radius: 8px;
  box-shadow   : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

  .container {
    background-image     : url('@/assets/bg.jpeg');
    background-repeat    : no-repeat;
    background-position  : center;
    background-size      : cover;
    background-attachment: fixed;
  }

.top {
  text-align: center;
}

.header {
  height     : 44px;
  line-height: 44px;

  a {
    text-decoration: none;
  }
}


.title {
  // color: @heading-color;
  font-size     : 20px;
  text-align    : left;
  // font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.desc {
  margin-top   : 12px;
  margin-bottom: 40px;
  // color: @text-color-secondary;
  // font-size: @font-size-base;
  text-align   : center;
}

.main {
  width : 328px;
  margin: 0 auto;

  @media screen and (max-width: @screen-sm) {
    width    : 95%;
    max-width: 328px;
  }

  :global {
    .@{ant-prefix}-tabs-nav-list {
      margin   : auto;
      font-size: 16px;
    }
  }

  .icon {
    margin-left   : 16px;
    color         : rgba(0, 0, 0, 0.2);
    font-size     : 24px;
    vertical-align: middle;
    cursor        : pointer;
    transition    : color 0.3s;


  }

  .other {
    margin-top : 24px;
    line-height: 22px;
    text-align : left;

    .register {
      float: right;
    }
  }

  .prefixIcon {
    margin-right: 10px;
    // color: @primary-color;
    // font-size: @font-size-base;
    font-size   : 20px;
  }
}

.descw {
  position : relative;
  min-width: 450px;
}

.lt {
  position   : absolute;
  top        : 0;
  left       : 0;
  // padding: 4px;
  display    : flex;
  align-items: center;

  img {
    // width: 26px;
    // height: 26px;
    width    : 156px;
    // height: 36px;
  }

  span {
    margin-left: 4px;
    font-size  : 22px;
    color      : #fff;
  }
}

.lm {
  position  : absolute;
  top       : 25%;
  left      : 0;
  // padding: 4px;
  color     : #fff;
  width     : 420px;

  div:first-of-type {
    font-size: 32px;
  }

  div:nth-of-type(2) {
    display   : flex;
    flex-wrap : wrap;
    margin-top: 20px;

    span {
      display         : inline-block;
      text-align      : center;
      padding         : 4px 0;
      margin          : 8px 14px 8px 2px;
      width           : 160px;
      border-radius   : 27px;
      background-color: #5CADFF;
      font-size       : 17px;
    }
  }
}

.trangle {
  position           : absolute;
  top                : 0;
  right              : 0;
  width              : 0px;
  height             : 0px;
  border             : 45px solid #000;
  border-top-color   : #95C8FF;
  border-bottom-color: transparent;
  border-left-color  : transparent;
  border-right-color : #95C8FF;
  border-radius      : 0 8px;
  // transform: rotate(-45deg);
}

.bbg {
  position        : absolute;
  bottom          : 0;
  left            : 0;
  right           : 0;
  padding         : 20px 0 20px;
  text-align      : center;
  color           : #BBBEC4;
  font-size       : 12px;
  background-color: #fff;
}

.copyright {
  position  : absolute;
  bottom    : 30px;
  left      : 0;
  right     : 0;
  padding   : 30px 0 20px;
  text-align: center;
  color     : #fff;
  font-size : 12px;
}

.register {
  position   : absolute;
  top        : 0;
  right      : 0;
  text-align : center;
  width      : 55px;
  height     : 55px;
  line-height: 55px;
  color      : #fff;
  font-size  : 16px;
  cursor     : pointer;
}

.ah {
  color    : #909399;
  font-size: 12px;

  &:hover {
    color: #1890ff;
  }
}

.logo {
  text-align: center;
  height    : 120px;
}

.logoTitle {
  text-align : center;
  display    : block;
  font-size  : 36px;
  color      : #0b0b0b30;
  font-weight: bold;
}